<template>
    <div class="wrapper">
        <swiper :options="swiperOption">
            <swiper-slide v-for="(item,index) in swiperList" :key="index">
                <img class="swiper-img" :src="item.imgUrl" >
            </swiper-slide>
            <div class="swiper-pagination"  slot="pagination"></div>
        </swiper>
    </div>
</template>

<script>
export default {
    props:{
        swiperList:Array
    },
    data() {
        return {
            swiperOption:{
                autoplay:2000,
                initialSlide:1,
                pagination:'.swiper-pagination'                
            },

        }
    },
};
</script>

<style lang="stylus" scoped>
.wrapper
    width:100%;
    height:0;
    padding-bottom:26.7%
    overflow:hidden
    background:#ddd
    img
        width:100%
        height:100%
</style>